﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Details.ascx.cs" Inherits="TrangSucShop.usercontrol.Details" %>
<link rel="stylesheet" href="style/lightbox.css" type="text/css" media="screen" />
	
	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/java.js"></script>
<asp:DataList ID="DataList1" runat="server" DataKeyField="ID">
<ItemTemplate>
     <div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span><%#Eval("TenSanPham") %></div>
        
        	<div class="feat_prod_box_details">
            
            	<div class="prod_img"><img src='<%#"images/"+Eval("Hinh") %>' alt="" title="" border="0" width="120" height="120" />
                <br /><br />
                <a href='<%#"images/"+Eval("Hinh") %>' rel="lightbox"><img src="images/zoom.gif" alt="" title="" border="0" /></a>
                </div>
                
                <div class="prod_det_box">
                	<div class="box_top"></div>
                    <div class="box_center">
                    <div class="prod_title">Mô tả</div>
                    <p class="details"><%#Eval("ThongTinSanPham") %>                    </p>
                    <div class="price"><strong>Giá:</strong> <span class="red"><%#Eval("GiaBan") %></span></div>
                    <div style="padding: 0px 15px 0px 0px; float: right;"><asp:Button ID="btnChonMua" runat="server" CommandName="ChonMua" 
                            Text="Chọn mua" CausesValidation="False"  ImageUrl="../images/register_bt.gif" CssClass="register" /></div>
                    
                    <div class="clear"></div>
                    </div>
                    
                    <div class="box_bottom"></div>
                </div>    
            <div class="clear"></div>
            </div>	
            <div id="demo" class="demolayout">

                <ul id="demo-nav" class="demolayout">
                <li><a class="active" href="#tab1">chi tiết sách</a></li>
             
                </ul>
    
            <div class="tabs-container">
            
                    <div style="display: block;" class="tab" id="tab1">
                                        
                            <ul class="list">
                            <li>Mã sản phẩm: <%#Eval("MaSanPham") %></li>
                            <li>Loại: <%#Eval("TenLoaiSanPham") %></li>
                                        
                            </ul>                          
                    </div>	
            </div>
</ItemTemplate>
</asp:DataList>